<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register</title>
    <link rel="stylesheet" href="css/register.css">
</head>

<body>
    <div class="top">
        <div class="img">
            <a href="#"></a>
        </div>
    </div>
    <form action="#" method="post">
        <table>
            <tr>
                <td>手机号<span>*</span></td>
                <td>
                    <div class="input-box">
                        <input required type="text" name="phone" />
                        <i class="line"></i>
                    </div>
                </td>
                <td>请输入手机号</td>
            </tr>
            <tr>
                <td>获取验证码</td>
                <td>
                    <div class="me-in-btn">
                        <input type="button" name="verification" value="点击获取验证码" />
                    </div>
                </td>
            </tr>
            <tr>
                <td>密码<span>*</span></td>
                <td>
                    <div class="input-box">
                        <input required type="password" name="password">
                        <i class="line"></i>
                    </div>
                </td>
                <td>请输入密码</td>
            </tr>
            <tr>
                <td>确认密码<span>*</span></td>
                <td>
                    <div class="input-box">
                        <input required type="password" name="ispassword" />
                        <i class="line"></i>
                    </div>
                </td>
                <td>重复输入密码</td>
            </tr>
            <tr>
                <td>身份<span>*</span></td>
                <td id="identity">
                    <div>
                        <input checked id="stu" type="radio" name="identity" value="student" />
                        <i></i>
                        <label for="stu">
                            <span>学生</span>
                        </label>
                    </div>
                    <div>
                        <input id="tea" type="radio" name="identity" value="teacher" />
                        <i></i>
                        <label for="tea">
                            <span>老师</span>
                        </label>
                    </div>
                    <div>
                        <input id="user" type="radio" name="identity" value="user" />
                        <i></i>
                        <label for="user">
                            <span>员工</span>
                        </label>
                    </div>
                </td>
            </tr>
            <tr>
                <td>姓名<span>*</span></td>
                <td>
                    <div class="input-box">
                        <input required type="text" name="username" />
                        <i class="line"></i>
                    </div>
                </td>
                <td>真实姓名与身份证证件一致</td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" value="确认注册" /></td>
                <td><a href="#">登入</a>
                    <a href="#">找回密码</a>
                </td>
            </tr>
        </table>
    </form>

    <footer>
        <p>版权所有</p>
        <p>鼎利学院 | 400-888-8888 | 邮编:610000</p>
        <p>京ICP备：1700xxxx号-1|京公网安备 xxxxxxxxxxxxxxxxxxx号</p>
    </footer>
</body>

</html>